<template>
  <section class="MainSiderbar">
    <el-card class="no-padding m-b-15">
      <icon-button :exists="['quesstion','article','thinking']"></icon-button>

      <div class="draft nav-link">
        <a href="####">
          <span class="text">
            <span class="el el-icon-fakezhihu-draft middle-icon"></span>
            我的草稿
          </span>
          <span class="num">2</span>
        </a>
      </div>
    </el-card>

    <el-card class="no-padding m-b-15">
      <icon-button :exists="['live','book','desk','expert','consult']"></icon-button>
    </el-card>

  <el-card class="no-padding m-b-15">
    <div class="nav-link">
      <a href="#">
        <span class="text">
          <i class="el-icon-star-on middle-icon"></i>
          我的收藏
        </span>
      </a>
      <a href="#">
        <span class="text">
          <i class="el el-icon-fakezhihu-question middle-icon"></i>
          我关注的问题
        </span>
        <span class="num">230</span>
      </a>
    </div>
    
  </el-card>

  <sidebar-footer></sidebar-footer>

  </section>
</template>

<script>
import iconButton from "./IconButton";
import SidebarFooter from './SidebarFooter.vue';
export default {
  name: 'MainSiderbar',
  data() {
    return {

    }
  },
  components: {
    iconButton,
    SidebarFooter
  },
  watch: {},
  mounted() {},
  methods: {}
}
</script>

<style scoped>

</style>
